
<!DOCTYPE HTML>
<head>
<title>首页</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link href="css/style.css" rel="stylesheet" type="text/css"  media="all" />	
<link rel="stylesheet" href="css/responsiveslides.css">
<script src="js/jquery.min.js"></script>
<script src="js/responsiveslides.min.js"></script>
		  <script>
		    // You can also use "$(window).load(function() {"
			    $(function () {
			      // Slideshow 1
			      $("#slider1").responsiveSlides({
			        maxwidth: 2500,
			        speed: 600
			      });
			});
		  </script>
 </head>
    <body>
		<!---start-header---->
			<div class="header">
				<div class="wrap">
				<div class="logo">
					<a href="#">杨瑞旭的旅游空间</a>
				</div>
				<div class="top-nav">
					<ul>
						<li class="active"><a href="/">主页</a></li>
						<li><a href="about.html">关于我们</a></li>
						<li><a href="contact.html">联系我们</a></li>
					</ul>
				</div>
				<div class="clear"> </div>
			</div>
		</div>
			<!---End-header---->
		<!--start-image-slider---->
					<div class="image-slider">
						<!-- Slideshow 1 -->
					    <ul class="rslides" id="slider1">
					      <li><img src="images/slider4.jpg" alt=""></li>
					      <li><img src="images/slider2.jpg" alt=""></li>
					      <li><img src="images/slider3.jpg" alt=""></li>
					       <li><img src="images/slider1.jpg" alt=""></li>
						   </ul>
						 <!-- Slideshow 2 -->
					</div>
			<!--End-image-slider---->
		<!---End-wrap---->
		<div class="clear"> </div>
		<!---start-content---->
		<div class="content">
			    <div class="content_top">
			    	<div class="wrap">
						<h1><a href="#">欢迎来到梦幻城市.</a></h1>
						<p></p>
						<span><a class="learnmore" href="#">了解更多</a></span>
					</div>
			    </div>
			<div class="specials">
				<div class="wrap">
					<div class="specials-heading">
						<h3>Traveling Specials</h3>
					</div>
					<div class="specials-grids">
						<div class="special-grid">
							<img src="images/grids-img1.jpg" title="image-name" />
							<a href="#">金字塔</a>
							<p>金字塔在埃及丶美洲等地均有分布，古埃及的上埃及和下埃及，今苏丹和埃及境内。 大小不一，其中最高大的是胡夫金字塔，高146.5米，底长230米，共用230万块平均每块2.5吨的石块砌成，占地52000平方公尺。埃及金字塔是古埃及的帝王（法老）陵墓。世界八大建筑奇迹之一。数量众多，分布广泛。开罗西南尼罗河西古城孟菲斯一带的金字塔最为集中。</p>
						</div>
						<div class="special-grid">
							<img src="images/grids-img2.jpg" title="image-name" />
							<a href="#">海边</a>
							<p>这里号称世界最好的金沙滩。这里的浴场是浴场里最粗的，也是浪最大的浴场。向北是金沙滩浴场，停车免费，但是沙子和水文情况和万平口差不多。太公岛浴场还是不错的，免费浴场，停车收费。娱乐设施多，配套设施完善。公交车还算比较便利。第三浴场，山海天浴场是日照免费的浴场里人最多的浴场，沙质和水文都不错，和太公岛浴场相连。森林公园，收费浴场。是日照市最好的，因为收费，所以人少一些。但是森林氧吧，沙滩细软，浪小滩平，适合老人和孩子，女士。.</p>
						</div>
						<div class="special-grid spe-grid">
							<img src="images/grids-img3.jpg" title="image-name" />
							<a href="#">婚纱拍照</a>
							<p>优美的地方也是拍婚纱照最好的地方,人生中最重要的仪式当然在这里举行.</p>
						</div>
						
						<div class="clear"> </div>
					</div>
			    </div>
			</div>	
			<div class="testmonials">
				<div class="wrap">
					<div class="testmonial-grid">
						<h3>推荐 :</h3>
						<p>&#34; 成都,美丽的城市,集吃喝玩乐一体的美丽的城市,一座来了就不想走的城市,我们竭诚邀请你的光临.&#34;</p>
					</div>
				</div>
			</div>
		</div>
		<!---End-content---->
		<div class="clear"> </div>
		<!---start-footer---->
		<div class="footer">
			<div class="wrap">
			<div class="footer-grids">
				<div class="footer-grid">
					<h3>公告</h3>
					<p>我们的旅游是全国最棒的,希望大家喜欢以及提出宝贵的意见</p>
				</div>
				<div class="footer-grid">
					<h3>我们团队</h3>
					<ul>
						<li><a href="index.html">首页</a></li>
					</ul>
					<ul>
						<li><a href="about.html">关于我们</a></li>
					</ul>
				</div>
				<div class="footer-grid">
					<h3>联系方式</h3>
					<ul>
						<li><a href="contact.html">联系我们</a></li>
					</ul>
				</div>
				<div class="footer-grid footer-lastgrid">
					<h3>杨瑞旭的空间</h3>
					<div class="footer-grid-address">
						<p>Tel.111-111-1111</p>
						<p>Email:<a class="email-link" href="#">911692422@qq.com</a></p>
					</div>
				</div>
				<div class="clear"> </div>
			</div>
			</div>
		</div>
		<!---End-footer---->
		<div class="clear"> </div>
		<div class="copy-right">
			<p>杨瑞旭的美丽空间</p>
		</div>
</body>
</html>